<template>
  <div class="">
    <homeTop :active="3"></homeTop>
    <div class="secondaryRouterBox">
      <div class="secondaryRouterBoxNav">
        <ul>
          <li :class="act == '/index/shop/customerManagement' ? 'act' : ''" @click="clickNav('/index/shop/customerManagement')">客户管理</li>
          <li :class="act == '/index/shop/fundsManagement' ? 'act' : ''" @click="clickNav('/index/shop/fundsManagement')">资金管理</li>
        </ul>
      </div>
      <div class="secondaryRouterBoxContent">
        <router-view/>
      </div>
    </div>
  </div>
  
</template>
<script>
    import homeTop from '../assembly/top'
    export default {
        components: {
            homeTop
        },
        name: "shop",
        data: function() {
            return {
                act: "/index/shop/customerManagement",
            }
        },
        created() {
            this.act = this.$route.path || "/index/shop/customerManagement";
        },
        updated() {
            this.act = this.act = this.$route.path;
        },
        methods: {
            clickNav(url) {
                this.$router.push({
                    path: url
                })
            }
        }
    }
</script>
<style lang="scss" scoped>
    .secondaryRouterBoxNav {
        /* margin-top: 20px; */
    }
</style>